/*
 * @Author: xiaosihan 
 * @Date: 2024-06-14 12:40:24 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-06-25 05:09:52
 */

import { ReactNode } from "react";
import styles from "./focus.module.less";
import PNG1 from "./1.png";
import PNG2 from "./2.png";
import PNG3 from "./3.png";
import PNG4 from "./4.png";
import PNG5 from "./5.png";
import { LazyLoadImage } from 'react-lazy-load-image-component';

interface Iprops {
    children?: ReactNode
}


//聚焦技术为定制提供强力支持
export default function Focus() {

    return (
        <div className={styles.focus} >
            <div className={styles.title} >聚焦技术为定制提供强力支持</div>
            <div className={styles.subTitle} >面向各行各业的精密智造</div>

            <div className={styles.imgList} >
                {
                    [
                        { name: "庞大的制造网络", img: PNG1, subTitle: "有超过1000家拥有不同制造能力的厂商作为制造伙伴。" },
                        { name: "数据协同", img: PNG2, subTitle: "所有数据加密，多用户多角色在线协同，沟通更便捷" },
                        { name: "CAE&DFM", img: PNG3, subTitle: "可制造行分析和仿真分析确保产前工作万无一失" },
                        { name: "实时报价系统", img: PNG4, subTitle: "AI根据3D模型或工程图，可快速报价匹配给工厂生产加工" },
                        { name: "零部件规格数据库", img: PNG5, subTitle: "每个零部件都有在线的模型规格库，可实时查看支持一键下单" }
                    ].map((item, i) => {
                        return (
                            <div className={styles.item} key={i} >
                                <LazyLoadImage className={styles.img} src={item.img} alt="" />
                                <div className={styles.text} >{item.name}</div>
                                <div className={styles.subTitle} >{item.subTitle}</div>
                            </div>
                        );
                    })
                }
            </div>

        </div>
    );

}